<template>
	<van-tabbar v-model="selectedTab" fixed route class="thePage">
		<van-tabbar-item v-for="(item, i) of tabbarItems" :key="i" :icon="item.icon"
			:to="{name:item.routeName}">{{ item.title }}
		</van-tabbar-item>
	</van-tabbar>
</template>

<script>
	export default {
		data() {
			return {
				selectedTab: 0,
				tabbarItems: [{
						title: "首页",
						routeName: "home",
						icon: "home-o",
					},
					{
						title: "商品",
						routeName: "product",
						icon: "gift-o",
					},
					{
						title: "购物车",
						routeName: "shopcart",
						icon: "shopping-cart-o",
					},
					{
						title: "我的",
						routeName: "user",
						icon: "user-o",
					},
				],
			};
		},

		methods: {},
	};
</script>
<style scoped>
	.thePage {
		background-color: white;
	}
</style>